:root, :root[data-theme='light'] {
    --white: #fff;
    --background: #171928;
    --border: rgba(255, 255, 255, 0.5);
	--sl-color-accent: #FF5ED7;
	--sl-color-accent-high: #FF5ED7;
	--sl-color-white: var(--white);
    --sl-color-hairline-light: var(--border);
    --sl-color-bg-sidebar: #141523;
    --sl-color-bg-nav: #141523;
    --sl-color-text: var(--white);
    --sl-color-gray-3: var(--white);
    --sl-color-gray-2: var(--border);
    --sl-color-gray-5: #353841;
    --sl-color-gray-6: #23262f;
    --sl-color-bg-inline-code: var(--sl-color-gray-6);
    --sl-color-black: #141523;
    --ec-brdWd: 1px;
    --ec-brdCol: var(--border)!important;
    --ec-frm-edTabBarBrdCol: var(--border)!important;
    --ec-frm-edActTabBg: rgba(255, 255, 255, 0.1)!important;
    --sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%)!important;
    --sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%)!important;
    --sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%)!important;
    --sl-badge-default-bg: var(--sl-color-accent-low)!important;
    --sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%)!important;
    --sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%)!important;
    --sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%)!important;
}

.site-title {
    color: var(--white);
}

a[aria-current="page"], a[aria-current="page"]:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: var(--sl-color-accent)!important;
}

a[aria-current="page"]:hover {
    color: var(--background);
}

.sidebar-pane, .header {
    border-color: var(--border)!important;
}

.right-sidebar-panel {
    border-left: 1px solid var(--border);
}

body {
    background-color: var(--background);
}

.right-sidebar, .content-panel, .social-icons::after {
    border: 0!important;
}

button[data-open-modal] {
    border-color: var(--border)!important;
}

starlight-theme-select {
    display: none;
}

figcaption.header {
    margin-bottom: -16px!important;
}

.header::before {
    border-bottom: 1px solid var(--border)!important;
}

.top-level > li > details > ul > li:nth-child(1) {
    padding-top: 16px;
}

.sl-steps > li::before {
    box-shadow: inset 0 0 0 1px var(--border);
}

html {
    color-scheme: dark!important;
}

.sl-markdown-content code > .ec-line {
    margin-top: 0;
}

.starlight-aside--caution {
    --sl-color-asides-text-accent: var(--sl-color-orange-high);
    --sl-color-asides-border: var(--sl-color-orange);
    background-color: (--sl-color-orange-low);
}

.sl-badge {
    background-color: hsl(224, 54%, 20%)!important;
}
